<!DOCTYPE html>
<!--教室管理-->
<html>
<head>
    <meta charset="utf-8">
    <title>智慧校园-教室管理</title>
<!--   Layui的js-->
    <script type="text/javascript"
            th:src="@{/libs/layui/layui.js}"
            charset="utf-8"></script>
<!--Layui的css-->
    <link rel="stylesheet"
          th:href="@{/libs/layui/css/layui.css}"
          media="all">
    <style>

        .layui-table-cell .layui-form-checkbox[lay-skin="primary"] i .layui-form-checkbox i {
            top: -6%;
            transform: translateY(-50%);
        }
        .layui-table-cell{    height: 39px;
            line-height: 36px;}
    </style>
</head>
<body>
<!--是js获取到项目名称-->
<!--    <div>-->
<!--        <input id="basePath" hidden value="${pageContext.request.contextPath}"/>-->
<!--    </div>-->

<!--模糊查询-->
<div style="font-size: 15px">
    <form id="dataFrm" method="post" class="layui-form  layui-form-pane" lay-filter="dataFrm">

    <div class="layui-form-item"style="margin: 21px 0px 0px 0px;float: left;">
        <label class="layui-form-label">区域：</label>
        <div class="layui-input-block" style="width: 175px;">
            <select name="area" id="area" lay-filter="area">
                <option value="">请选择</option>
<!--                <option value="A">A区</option>-->
<!--                <option value="B">B区</option>-->
<!--                <option value="C">C区</option>-->
<!--                <option value="D">D区</option>-->
<!--                <option value="E">E区</option>-->
            </select>
        </div>
    </div>


        <div class="layui-form-item" style="margin: -40px 0px 31px 335px;float: left;" >
            <label class="layui-form-label">楼号：</label>
            <div class="layui-input-block" style="width: 175px;">
                <select name="buildingNo" id="buildingNo" lay-filter="buildingNo">
                    <option value="">请选择</option>
<!--                    <option value="1">第一号楼</option>-->
<!--                    <option value="2">第二号楼</option>-->
<!--                    <option value="3">第三号楼</option>-->
<!--                    <option value="4">第四号楼</option>-->
                </select>
            </div>
        </div>

        <div class="layui-form-item" style="margin: -69px -28px -19px 700px;float:left;">
            <label class="layui-form-label">楼层：</label>
            <div class="layui-input-block" style="width: 175px;">
                <select name="buildingFloor" id="buildingFloor" lay-filter="buildingFloor">
                    <option value="">请选择</option>
<!--                    <option value="1">第一楼层</option>-->
<!--                    <option value="2">第二楼层</option>-->
<!--                    <option value="3">第三楼层</option>-->
<!--                    <option value="4">第四楼层</option>-->
                </select>
            </div>
        </div>

        <div class="layui-form-item" style="margin: 21px 0px 0px 0px;float: left;">
            <label class="layui-form-label">教室编号：</label>
            <div class="layui-input-block">
                <input type="text" id="classroomNumber" name="classroomNumber"
                       style="width: 175px;"  autocomplete="off" placeholder="请输入教室编号" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item" style="margin: -40px 0px 31px 335px;float: left;">
            <label class="layui-form-label">教室名称</label>
            <div class="layui-input-block">
                <input type="text" id="classroomName" name="classroomName"
                       style="width: 175px;"  autocomplete="off" placeholder="请输入教室名称" class="layui-input">
            </div>
        </div>


        <div class="layui-form-item" style="margin: -69px -28px -19px 700px;float:left;">
            <div class="layui-inline">
                <label class="layui-form-label">教室容纳人数：</label>
                <div class="layui-input-inline" style="width: 100px;">
                    <input type="text" name="galleryfulmin" placeholder="    人" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline" style="width: 100px;">
                    <input type="text" name="galleryfulmax" placeholder="    人" autocomplete="off" class="layui-input">
                </div>
            </div>
        </div>



    <!--查询按钮-->
    <div class="layui-btn-container" style="float: left; margin: 0px 0px 0px 0px">
        <button type="button" class="layui-btn layui-btn-lg layui-btn-normal"
                lay-submit lay-filter="doSearch"
                style="margin: 0px 0px 0px 400px">
            <i class="layui-icon layui-icon-search"></i>查询
        </button>
        <button type="reset" class="layui-btn layui-btn-lg layui-btn-warm"
                style="margin: 0px 0px 0px 300px">
            <i class="layui-icon layui-icon-chat"></i>重置 </button>
<!--
        <button type="button" onclick="findStudentInfo()" class="layui-btn layui-btn-normal">查询</button>
-->
    </div>
    </form>
</div>

<!-- 数据表格开始 -->
<div style="float: left">
    <!-- 表格 -->
    <table class="layui-hide" id="classTable" lay-filter="classTable" style="height:150px" ></table>

    <!-- 头部工具栏 -->
    <script type="text/html" id="classToolbar">
        <div class="layui-btn-container">

            <button class="layui-btn layui-btn-sm" lay-event="add"><i class="layui-icon layui-icon-add-circle"></i>添加账单</button>
            <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="batchDelete" > <i class="layui-icon layui-icon-delete"></i>批量删除</button>

            <button class="layui-btn layui-btn-sm" >获取选中行数据</button>
            <button class="layui-btn layui-btn-sm" >获取选中数目</button>
            <button class="layui-btn layui-btn-sm" >验证是否全选</button>
        </div>
    </script>

    <!-- 行工具栏 -->
    <script type="text/html" id="barDemo">

        <button type="button" class="layui-btn layui-btn-normal layui-btn-radius" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>   编辑</button>
        <button type="button" class="layui-btn layui-btn-warm layui-btn-radius" lay-event="delete" ><i class="layui-icon layui-icon-delete"></i>删除</button>
    </script>

</div>


<!-- 添加和修改账单的弹出层开始 -->
<div id="addOrUpdateBillDiv" style="display: none;margin: 10px;">
    <form id="dataFrm1" method="post" class="layui-form layui-form-pane " lay-filter="dataFrm1">
        <!-- 隐藏域，保存当前账单的ID -->
        <input type="hidden" name="pkId" id="pkId">
        <div class="layui-form-item">
            <label class="layui-form-label">区域：</label>
            <div class="layui-input-block">
                <select name="area"   placeholder="请选择区域">
                    <option value="">请选择</option>
                                    <option value="A">A区</option>
                                    <option value="B">B区</option>
                                    <option value="C">C区</option>
                                    <option value="D">D区</option>
                                    <option value="E">E区</option>
                </select>
            </div>
        </div>


<!--        <div class="layui-form-item">-->
<!--            <label class="layui-form-label">区域：</label>-->
<!--            <div class="layui-input-block">-->
<!--                <input type="text" name="area"   placeholder="请输入区域" autocomplete="off" class="layui-input">-->
<!--            </div>-->
<!--        </div>-->

        <div class="layui-form-item"  >
            <label class="layui-form-label">楼号：</label>
            <div class="layui-input-block" >
                <select name="buildingNo"  placeholder="请选择楼号"  lay-filter="buildingNo">
                    <option value="">请选择</option>
                                        <option value="1">第一号楼</option>
                                        <option value="2">第二号楼</option>
                                        <option value="3">第三号楼</option>
                                        <option value="4">第四号楼</option>
                </select>
            </div>
        </div>


<!--        <div class="layui-form-item">-->
<!--            <label class="layui-form-label">楼号：</label>-->
<!--            <div class="layui-input-block">-->
<!--                <input type="text" name="buildingNo"  placeholder="请输入楼号" autocomplete="off" class="layui-input">-->
<!--            </div>-->
<!--        </div>-->




        <div class="layui-form-item" >
            <label class="layui-form-label">楼层：</label>
            <div class="layui-input-block">
                <select name="buildingFloor"  placeholder="请选择楼层">
                    <option value="">请选择</option>
                                        <option value="1">第一楼层</option>
                                        <option value="2">第二楼层</option>
                                        <option value="3">第三楼层</option>
                                        <option value="4">第四楼层</option>
                </select>
            </div>
        </div>
<!--        <div class="layui-form-item">-->
<!--            <label class="layui-form-label">楼层：</label>-->
<!--            <div class="layui-input-block">-->
<!--                <input type="text" name="buildingFloor"  placeholder="请输入楼层" autocomplete="off" class="layui-input">-->
<!--            </div>-->
<!--        </div>-->

        <div class="layui-form-item">
            <label class="layui-form-label">教室编号：</label>
            <div class="layui-input-block">
                <input type="text" name="classroomNumber"  placeholder="请输入教室编号" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">教室名称：</label>
            <div class="layui-input-block">
                <input type="text" name="classroomName"  placeholder="请输入室名称" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">容纳人数：</label>
            <div class="layui-input-block">
                <input type="text" name="galleryful" placeholder="请输入楼层" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item" style="text-align: center;">
            <button type="button" class="layui-btn" lay-submit lay-filter="doSubmit">确认添加</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>
    </form>
</div>
<!-- 添加和修改账单的弹出层结束-->



<!--jquery的js-->
<script type="text/javascript"
        th:src="@{/libs/jquery/jquery-3.5.1.js}"></script>
<!--引入自己的JS代码-->
<script type="text/javascript"
        th:src="@{/js/student/classlist.js}"></script>


</body>
</html>
